<html>
		<head>
				<script type="text/javascript" src="jquery.js"></script>
				<script type="text/javascript" src="jcanvas.js"></script>
				<script type="text/javascript" src="config.js"></script>
				<script type="text/javascript">
						
						$(function(){
										$("#MoveForward").bind(
												"click", function(){
												$.get("http://"+ip+":"+port+"/"+dir+"/action?action=MoveForward");
		
												}
												)
										})

						$(function(){
										$("#MoveBackward").bind(
												"click", function(){

												$.get("http://"+ip+":"+port+"/"+dir+"/action?action=MoveBackward");
												}
												)
										})
						$(function(){
										$("#MoveLeft").bind(
												"click", function(){

												$.get("http://"+ip+":"+port+"/"+dir+"/action?action=MoveLeft");
												}
												)
										})
						$(function(){
										$("#MoveRight").bind(
												"click", function(){

												$.get("http://"+ip+":"+port+"/"+dir+"/action?action=MoveRight");
												}
												)
									})

						$(function(){
										$("#Stop").bind(
												"click", function(){
												$.get("http://"+ip+":"+port+"/"+dir+"/action?action=Stop");
												}
												)
										})
							
				</script>
		</head>
		<body>
				<button id="MoveForward">MoveForward</button>
				<button id="MoveBackward">MoveBackward</button>
				<button id="MoveLeft">MoveLeft</button>
				<button id="MoveRight">MoveRight</button>
				<button id="Stop">Stop</button>
				<canvas id="canvas" width="400" height="400"/>
		</body>
				<script type="text/javascript" src="directWheel.js"></script>
</html>
